<!-- FlatFy Theme - Andrea Galanti /-->
<!doctype html>
<!--[if lt IE 7]>
<html class="no-js ie6 oldie" lang="zh"> <![endif]-->
<!--[if IE 7]>
<html class="no-js ie7 oldie" lang="zh"> <![endif]-->
<!--[if IE 8]>
<html class="no-js ie8 oldie" lang="zh"> <![endif]-->
<!--[if IE 9]>
<html class="no-js ie9" lang="zh"> <![endif]-->
<!--[if gt IE 9]><!-->
<html lang="zh"> <!--<![endif]-->
<head>
    <link rel="shortcut icon" href="img/icon.png"/>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

    <title>CUIT看图写话系统</title>
   <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Google Web Font -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">

    <!-- Custom CSS-->
    <link href="css/general.css" rel="stylesheet">

    <!-- Owl-Carousel -->
    <link href="css/custom.css" rel="stylesheet">
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">

    <!-- Magnific Popup core CSS file -->
    <link rel="stylesheet" href="css/magnific-popup.css">

    <style type="text/css">
        html body::-webkit-scrollbar {
            height: 6px;
            width: 6px;
        }

        html body::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            background: #757575;
        }

        html body::-webkit-scrollbar-track { /*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            border-radius: 10px;
            background: #EDEDED;
        }

        div {
            text-align: center !important;
        }


        .blinking:hover {
            animation: blinking ease 2s infinite;
            box-shadow: none;
        }

        @keyframes blinking {
            0% {
                -webkit-filter: drop-shadow(0px 0px 3px rgba(33, 150, 243, 0.72));
            }
            50% {
                -webkit-filter: drop-shadow(0px 0px 10px rgba(33, 150, 243, 0.72));
            }
            100% {
                -webkit-filter: drop-shadow(0px 0px 3px rgba(33, 150, 243, 0.72));
            }
        }
    </style>

    <!-- 百度统计 -->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c8ed998abc610edcb098b7ab6e8af275";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>

<body id="home" style="background-color: #ecf0f1;">
<!--<video autoplay loop class="video-background" src="img/mountains.mp4" poster="img/bg-mountain.png" muted plays-inline>-->
<!--</video>-->
<div class="video-background">
</div>
<script>
     setTimeout(() => {
            console.log(1)
            document.getElementsByClassName("blinking")[0].href="../register.html"
            document.getElementsByClassName("blinking")[1].href="../login.html"
            document.getElementsByClassName("blinking")[2].href="../login.html"
            document.getElementsByClassName("blinking")[3].href="../login.html"
        }, 1000);
</script>
<!-- Preloader -->
<div id="preloader">
    <div id="status"></div>
</div>

<div class="intro-header">
    <div class="col-xs-12 col-md-12  text-center abcen1">
        <div class="col-xs-1 col-md-4 "></div>
        <div class="col-xs-10 col-md-4 " style="background: rgba(0,0,0,0.3);border-radius: .25rem;">
            <h1 class="h1_home wow fadeIn" data-wow-delay="0.4s"><img src="img/icon.png" height="100"/></h1>
            <h3 class="h3_home wow fadeIn" data-wow-delay="0.6s" style="color: #fff">欢迎各位体验者</h3>
            <br>
            <h5 class="h3_home wow fadeIn" data-wow-delay="1s" style="color: #fff">
                快点击下面按钮，体验看图写话系统，加入我们吧
            </h5>
            <br>
            <h5 class="h3_home wow fadeIn" data-wow-delay="1.2s">
                <a class="blinking" target="_blank" href=""
                   style="color: #fff"
                   title=" 注册">
                    <img src="img/qq-fill.png" height="26" width="26" alt=" 注册"/>
                    注册
                </a>
                &emsp;<a class="blinking" href="" style="color: #fff">
                <img src="img/mobile.png" height="26" width="26" alt=" 登录"/>
                登录
            </a>
            </h5>
        </div>
    </div>
    <!-- /.container -->
    <div class="col-xs-12 text-center abcen wow fadeIn">
        <div class="button_down ">
            <a class="imgcircle wow bounceInUp" data-wow-duration="1.5s" href="#NavBar"> <img
                    class="img_scroll animated infinite bounce"
                    src="img/icon/circle.png"
                    alt=""> </a>
        </div>
    </div>
</div>

<!-- NavBar-->
<nav class="navbar-default" role="navigation" id="NavBar">
    <div class="container">
        <a class="navbar-brand" href="#useit">看图写话系统简介</a>

        <a href="tel:{18199991300}" class="blinking"
           style="margin:0px;padding: 18.5px 15px 20.5px;height: 60px;float: right;color: #34495e;font-size: 15px;line-height: 1.042;">
            <img src="img/mobile.png" height="26" width="26" alt="咨询电话"/>
            登录
        </a>
        <a id="qqNumber" class="pull-right blinking" target="_blank"
           href="http://wpa.qq.com/msgrd?v=3&uin=717526790&site=qq&menu=yes"
           title="登录"
           style="margin:0px;padding: 18.5px 15px 20.5px;height: 60px;float: right;color: #34495e;font-size: 15px;line-height: 1.042;">
            <img src="img/qq-fill.png" height="26" width="26" alt="投递简历"/>
            注册
        </a>
    </div>
</nav>

<div id="useit" class="content-section-b">

    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-6 wow fadeInLeftBig">
                <div class="owl-carousel">
                    <div class="item">
                        <img class="img-responsive img-rounded" src="img/ktxh1.png" alt="">
                    </div>
                    <div class="item">
                        <img class="img-responsive img-rounded" lay-src="img/ktxh2.png" alt="">
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 wow fadeInRightBig" data-animation-delay="200">
                <h3 class="section-heading"><img lay-src="img/icon.png" class="img-circle" height="64">
                    看图写话系统</h3>
                <!-- <div class="sub-title lead3">PC网站
                </div> -->
                <p class="lead">
                    ”看图说话“几乎是所有小朋友必上的课程训练，就是根据图片情景写出对应的描述语句。
                </p>
                <p class="lead">
                    这项对人类比较容易的技能，对机器就比较有挑战性。
                </p>
                <p class="lead">
                    目前借助于人工智能技术，机器可以理解图像内容和语义信息，并用自然语言生成对应的描述内容，实现“看图说话”。
                </p>
            </div>
        </div>
    </div>
</div>


<!-- <div class="content-section-a">

    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-6 pull-right wow fadeInRightBig">
                <div class="owl-carousel">
                    <div class="item">
                        <img class="img-responsive  img-rounded"
                             lay-src="img/bd1.png" alt="">
                    </div>
                    <div class="item">
                        <img class="img-responsive img-rounded" lay-src="img/ktxh1.png" alt="">
                    </div>
                    <div class="item">
                        <img class="img-responsive img-rounded" lay-src="img/bd3.png" alt="">
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 wow fadeInLeftBig" data-animation-delay="200">
                <h3 class="section-heading"><img lay-src="img/bd.png" height="64">
                    北斗某安防运维平台</h3>
                <div class="sub-title lead3">安卓APP + PC网站
                </div>
                <p class="lead">
                    有效预防
                </p>
                <p class="lead">
                    快速响应
                </p>
                <p class="lead">
                    成本适当
                </p>
            </div>
        </div>
    </div>
     /.container 
</div> -->

<!-- Screenshot -->
<!-- <div id="screen" class="content-section-b">
    <div class="container">
        <div class="row wow bounceInUp">
            <div id="owl-demo" class="owl-carousel">
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/fc1.jpg" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/fc2.png" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/fc4.png" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/fc5.png" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/fc6.png" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/fcyg.jpg" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/tj4.jpg" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/tj1.jpg" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/tj2.jpg" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/jt1.png" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/jt2.png" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/jt3.png" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/jt4.jpg" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/jt5.jpg" alt="Owl Image">
                </div>
                <div class="item">
                    <img class="img-responsive img-rounded" lay-src="img/jt6.jpg" alt="Owl Image">
                </div>

            </div>
        </div>
    </div>
</div> -->

<!-- JavaScript -->
<script src="js/layui-v2.5.7/layui/layui.all.js"></script>

<script src="js/modernizr-2.6.2.min.js"></script>  <!-- Modernizr /-->
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/script.js"></script>
<!-- StikyMenu -->
<script src="js/stickUp.min.js"></script>
<script type="text/javascript">
    jQuery(function ($) {
        $(document).ready(function () {
            $('.navbar-default').stickUp();


        });
    });
    layui.flow.lazyimg();
</script>
<script src="js/wow.min.js"></script>
<script>
    new WOW().init();
</script>
<script src="js/classie.js"></script>
</body>

</html>
